<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>存储管理</title>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../js/plugins/pagination/default-style/css/pagination.css">
    <link rel="stylesheet" href="../../js/plugins/pagination/default-style/css/pagination.extend.css">
    <link rel="stylesheet" href="../../js/plugins/animateTip/default-style/css/content.css" />
</head>
<body>
<div class="main-page">
    <!--头部tab切换按钮区域-->
    <div class="tab-header">
        <ul class="tab-panel">
            <li class="tab-list on" data-src="sharedStorage.html" data-type="sharedStorage"><a class="tab-item">共享存储</a></li>
            <li class="tab-separate"></li>
            <li class="tab-list" data-src="computationalNode.html" data-type="computationalNode"><a class="tab-item">计算节点</a></li>
        </ul>
    </div>

    <!--页面主体内容显示区域-->
    <div class="page-bg page-content of-vi">
        <!--管理规则-->
        <div class="det-page d-n">
            <div class="det-page-panel">
                <div class="panel-header">
                    <h2 id="safetyName" class="safety-name">troila</h2>
                    <a class="close-pop com_icon"></a>
                </div>
                <div class="table-top border-t b-b-r">
                    <ul class="ul_head">
                        <li style="width: 19%; border:0; padding-left:4%;">节点名称</li>
                        <li style="width: 18%">IP地址</li>
                        <li style="width: 15%">实例</li>
                        <li style="width: 13%">所属共享存储</li>
                        <li style="width: 17%">状态</li>
                        <li style="width: 13%">操作</li>
                    </ul>
                    <ul class="ul_body top_ul_body">
                        <li class="li_tr">
                            <ul>
                                <li class="ul_body_td" style="width: 19%; padding-left:4%;">
                                    <p class="td_content">controller11</p>
                                </li>
                                <li class="ul_body_td" style="width: 18%">
                                    <p class="td_content">172.76.8.99</p>
                                </li>
                                <li class="ul_body_td" style="width: 15%">
                                    <p class="td_content t-out">17</p>
                                </li>
                                <li class="ul_body_td" style="width: 13%">
                                    <p class="td_content t-out">troila</p>
                                </li>
                                <li class="ul_body_td" style="width: 17%">
                                    <p class="td_content"><span class="state-on state_sign">已挂载</span></p>
                                </li>
                                <li class="ul_body_td" style="width: 13%">
                                    <div class="select_panel">
                                        <a class="td_btn">卸载</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="li_tr">
                            <ul>
                                <li class="ul_body_td" style="width: 19%; padding-left:4%;">
                                    <p class="td_content">controller11</p>
                                </li>
                                <li class="ul_body_td" style="width: 18%">
                                    <p class="td_content">172.76.8.99</p>
                                </li>
                                <li class="ul_body_td" style="width: 15%">
                                    <p class="td_content t-out">17</p>
                                </li>
                                <li class="ul_body_td" style="width: 13%">
                                    <p class="td_content t-out">troila</p>
                                </li>
                                <li class="ul_body_td" style="width: 17%">
                                    <p class="td_content"><span class="state-on state_sign">已挂载</span></p>
                                </li>
                                <li class="ul_body_td" style="width: 13%">
                                    <div class="select_panel">
                                        <a class="td_btn">卸载</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!--底部分页-->
                <div class="table-footer">
                    <div class="pagination-panel">
                        <div id="pagination" class="f-l"></div>

                        <div class="page-extend f-l">
                            <div class="jump-page">
                                <label class="jump-title mr-5">跳转到</label>
                                <div class="jump-num dis-in">
                                    <input id="jumpNum" type="text" class="jump-text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
                                    <a id="jumpBtn" class="jump-btn">GO</a>
                                </div>
                                <div class="page-count dis-in ml-10 color6f87ab">共<span id="pageCount" class="count-num color0099ff">50</span>条数据</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../js/libs/jquery.js"></script>
<script src="../../js/plugins/pagination/default-style/js/jquery.pagination.js" type="text/javascript"></script>
<script src="../../js/plugins/pagination/default-style/js/jquery.pagination.extend.js" type="text/javascript"></script>
<script type="text/javascript" src="../../js/view/common/function.js"></script>
<script type="text/javascript" src="../../js/view/storageManage/storageManage.js"></script>
</html>

